<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>暂停访问</title>
    <link rel="icon" type="image/png" href="icon.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="static/js/errors.js"></script>
    <script src="static/js/jquery.min.js"></script>
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="static/bootstrap/js/bootstrap.bundle.min.js"></script>
    <link href="static/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
    <script>
      function load(){
        document.getElementById("spinner").hidden = true; 
        document.getElementById("word").innerHTML = `<span class="text-secondary" style="text-decoration: line-through; ">其实啥都没说……</span>`; 
        scrollTo(0, 0); 
      }; 
    </script>
  </head>
  <body style="background-color: whitesmoke; ">
    <div class="container-fluid">
      <br>
      <div class="row">
        <div class="col-sm-6 col-md-7">
          <div class="card card-body">
            <h6 class="display-6">抱歉，本站已暂停访问。</h6>
            <h5 class="h5">请耐心等待至本站恢复访问。</h5>
            <strong class="text-primary">谢谢配合！</strong>
            <br>
            <h4 class="h4">站长的话<span class="spinner-border text-primary" id="spinner"></span></h4>
            <div id="word">
              <p class="placeholder-glow"><span class="rounded placeholder placeholder-lg col-12"></span></p>
              <p class="placeholder-glow"><span class="rounded placeholder placeholder-lg col-8"></span></p>
              <p class="placeholder-glow"><span class="rounded placeholder placeholder-lg col-6"></span></p>
              <p class="placeholder-glow"><span class="rounded placeholder placeholder-lg col-12"></span></p>
              <p class="placeholder-glow"><span class="rounded placeholder placeholder-lg col-4"></span></p>
              <div class="card card-body">
                <span>
                  <i class="bi bi-info-circle"></i>出了点小问题呢……
                  <button class="btn btn-outline-primary" title="重新加载" onclick="load(); ">
                    <i class="bi bi-arrow-clockwise"></i>重新加载
                  </button>
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-5">
          <br>
          <div class="card card-body shadow-lg">
            <h4 class="h4">联系站长</h4>
            <p>请发邮<a href="mailto: 1079489986@qq.com"><strong class="text-primary" style="text-decoration: underline;"><i class="bi bi-hand-index-thumb"></i>1079489986@qq.com</strong></a>。</p>
          </div>
          <br>
          <center><img src="icon.png" class="rounded" style="width: 70%;"></center>
        </div>
      </div>
      <br>
    </div>
  </body>
</html>
